<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <meta name="generator" content="pandoc">
  <meta name="description" content="Markdown Slides [EN]" />
  <meta name="author" content="Adolfo Sanz De Diego">
  <title>Markdown Slides [EN]</title>
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui">
  <link rel="stylesheet" href="../lib/reveal.js//css/reveal.css">
  <link rel="stylesheet" href="../lib/reveal.js-menu//menu.css">
  <link rel="stylesheet" href="../lib/reveal.js-title-footer//plugin/title-footer.css">
  <style type="text/css">code{white-space: pre; background-color: lightgrey;}</style>
  <style type="text/css">
div.sourceCode { overflow-x: auto; }
table.sourceCode, tr.sourceCode, td.lineNumbers, td.sourceCode {
  margin: 0; padding: 0; vertical-align: baseline; border: none; }
table.sourceCode { width: 100%; line-height: 100%; }
td.lineNumbers { text-align: right; padding-right: 4px; padding-left: 4px; color: #aaaaaa; border-right: 1px solid #aaaaaa; }
td.sourceCode { padding-left: 5px; }
code > span.kw { color: #007020; font-weight: bold; } /* Keyword */
code > span.dt { color: #902000; } /* DataType */
code > span.dv { color: #40a070; } /* DecVal */
code > span.bn { color: #40a070; } /* BaseN */
code > span.fl { color: #40a070; } /* Float */
code > span.ch { color: #4070a0; } /* Char */
code > span.st { color: #4070a0; } /* String */
code > span.co { color: #60a0b0; font-style: italic; } /* Comment */
code > span.ot { color: #007020; } /* Other */
code > span.al { color: #ff0000; font-weight: bold; } /* Alert */
code > span.fu { color: #06287e; } /* Function */
code > span.er { color: #ff0000; font-weight: bold; } /* Error */
code > span.wa { color: #60a0b0; font-weight: bold; font-style: italic; } /* Warning */
code > span.cn { color: #880000; } /* Constant */
code > span.sc { color: #4070a0; } /* SpecialChar */
code > span.vs { color: #4070a0; } /* VerbatimString */
code > span.ss { color: #bb6688; } /* SpecialString */
code > span.im { } /* Import */
code > span.va { color: #19177c; } /* Variable */
code > span.cf { color: #007020; font-weight: bold; } /* ControlFlow */
code > span.op { color: #666666; } /* Operator */
code > span.bu { } /* BuiltIn */
code > span.ex { } /* Extension */
code > span.pp { color: #bc7a00; } /* Preprocessor */
code > span.at { color: #7d9029; } /* Attribute */
code > span.do { color: #ba2121; font-style: italic; } /* Documentation */
code > span.an { color: #60a0b0; font-weight: bold; font-style: italic; } /* Annotation */
code > span.cv { color: #60a0b0; font-weight: bold; font-style: italic; } /* CommentVar */
code > span.in { color: #60a0b0; font-weight: bold; font-style: italic; } /* Information */
  </style>
  <link rel="stylesheet" href="../lib/reveal.js//css/theme/beige.css" id="theme">
  <!-- Printing and PDF exports -->
  <script>
    var link = document.createElement( 'link' );
    link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = window.location.search.match( /print-pdf/gi ) ? '../lib/reveal.js//css/print/pdf.css' : '../lib/reveal.js//css/print/paper.css';
    document.getElementsByTagName( 'head' )[0].appendChild( link );
  </script>

  <style type="text/css">
    body {
      background: white !important;
      background-color: white !important;
    }
    code{
      white-space: pre;
    }
    .reveal pre code {
      background: rgba(255, 255, 255, 0.7);
      color: rgba(0, 0, 0, 0.7);
    }
    .reveal section img {
      margin: 0px;
      padding: 0px;
      background: rgba(255, 255, 255, 0.9);
      border: 0px;
    }
    strong {
      color: #777
    }
    a:hover {
      text-decoration: underline !important;
    }
    h1.title {
      font-size: 200% !important;
    }
    h1 {
      font-size: 200% !important;
    }
    h2 {
      font-size: 150% !important;
    }
    h3 {
      font-size: 100% !important;
    }
    @media print {
      #only-print-parent { display: table !important; }
      #only-print-child { display: table-cell !important; vertical-align: middle;}
      h1.title { font-size: 300% !important;}
      h1 { font-size: 300% !important; }
      h2 { font-size: 200% !important; }
      h3 { font-size: 150% !important; }
    }
    footer p {
      font-size: 75% !important;
      text-align: center;
    }
    footer {
      position: absolute;
      bottom: 0%;
      width: 100%;
    }
  </style>
  <!--[if lt IE 9]>
  <script src="../lib/reveal.js//lib/js/html5shiv.js"></script>
  <![endif]-->
</head>
<body>
  <div class="reveal">
    <div class="slides">

<section class="only-print-parent">
    <div class="only-print-child">
      <h1 class="title">Markdown Slides [EN]</h2>
      <h2 class="author">Adolfo Sanz De Diego</h2>
      <h3 class="date">Enero 2017</h3>
    </div>
</section>

<section><section id="about" class="titleslide slide level1"><h1><span class="header-section-number">1</span> About</h1></section><section id="what-is-it" class="slide level2">
<h2><span class="header-section-number">1.1</span> What is it?</h2>
<p><strong>MarkdownSlides</strong> is a Reveal.jsand PDF <strong>slides</strong> generator <strong>from MARKDOWN files</strong>, that also generate HTML, EPUB and DOCX documents.</p>
<p>The idea is that <strong>from a same MARKDOWN file we can get slides and books</strong> without worrying about style, just worrying about content.</p>
</section><section class="slide level2">

<figure>
<img src="../img/markdownslides.png" text-align="center" style="width:80.0%" />
</figure>
</section><section id="samples" class="slide level2">
<h2><span class="header-section-number">1.3</span> Samples</h2>
<p>From a <a href="https://raw.github.com/asanzdiego/markdownslides/master/doc/md/readme.md">MARKDOWN</a> file generate:</p>
<ul>
<li><a href="http://asanzdiego.github.io/markdownslides/doc/export/readme-reveal-slides.html">reveal-slides</a></li>
<li><a href="http://asanzdiego.github.io/markdownslides/doc/export/readme-reveal-slides.pdf">reveal-slides-pdf</a></li>
<li><a href="http://asanzdiego.github.io/markdownslides/doc/export/readme-book.epub">epub-book</a></li>
<li><a href="http://asanzdiego.github.io/markdownslides/doc/export/readme-book.html">html-book</a></li>
<li><a href="http://asanzdiego.github.io/markdownslides/doc/export/readme-book.docx">docx-book</a></li>
</ul>
</section><section id="contributors" class="slide level2">
<h2><span class="header-section-number">1.4</span> Contributors</h2>
<ul>
<li>Cesar Seoane: <a href="https://github.com/cesarseoane" class="uri">https://github.com/cesarseoane</a></li>
<li>Rubén Gómez García: <a href="https://github.com/kaneproject" class="uri">https://github.com/kaneproject</a></li>
<li>Raul Jimenez Ortega: <a href="https://github.com/hhkaos" class="uri">https://github.com/hhkaos</a></li>
</ul>
</section><section id="licence" class="slide level2">
<h2><span class="header-section-number">1.5</span> Licence</h2>
<ul>
<li class="fragment"><strong>This work is licensed under a:</strong>
<ul>
<li class="fragment"><a href="http://creativecommons.org/licenses/by-sa/3.0//">Creative Commons Attribution 3.0</a></li>
</ul></li>
<li class="fragment"><strong>The program source code are licensed under a:</strong>
<ul>
<li class="fragment"><a href="http://www.gnu.org/licenses/gpl.html">GPL 3.0</a></li>
</ul></li>
</ul>
</section></section>
<section><section id="instalation" class="titleslide slide level1"><h1><span class="header-section-number">2</span> Instalation</h1></section><section id="dependencies" class="slide level2">
<h2><span class="header-section-number">2.1</span> Dependencies</h2>
<ul>
<li>It needs to be installed:
<ul>
<li><a href="http://johnmacfarlane.net/pandoc/">Pandoc</a></li>
<li><a href="https://github.com/astefanutti/decktape">DeckTape</a></li>
</ul></li>
<li>It is automaticaly downloaded:
<ul>
<li><a href="http://lab.hakim.se/reveal-js/#/">Reveal.js</a></li>
</ul></li>
</ul>
</section><section id="requirements" class="slide level2">
<h2><span class="header-section-number">2.2</span> Requirements</h2>
<p>Now, only works in Linux (may be on MacOS)</p>
<p>It can works with Docker, but is in beta.</p>
</section><section id="download" class="slide level2">
<h2><span class="header-section-number">2.3</span> Download</h2>
<p><a href="https://github.com/asanzdiego/markdownslides/archive/master.zip" class="uri">https://github.com/asanzdiego/markdownslides/archive/master.zip</a></p>
</section><section id="docker" class="slide level2">
<h2><span class="header-section-number">2.4</span> Docker</h2>
<p>Your installation with docker is still <strong>under testing</strong>.</p>
<p>Any feedback is welcome.</p>
</section><section id="building-docker-image" class="slide level2">
<h2><span class="header-section-number">2.5</span> Building docker image</h2>
<p>It will be at dockerhub soon:</p>
<pre><code>$ docker build -t asanzdiego/markdownslides .</code></pre>
</section><section id="launch-the-container" class="slide level2">
<h2><span class="header-section-number">2.6</span> Launch the container</h2>
<p>Launch the container, product generated will be as <strong>min</strong> configuration</p>
<pre><code>docker run -it -v ${PWD}/doc:/home/markdownslides/doc \
    asanzdiego/markdownslides</code></pre>
<p>Changing to <strong>med</strong> configuration</p>
<pre><code>docker run -it -v ${PWD}/doc:/home/markdownslides/doc \
    asanzdiego/markdownslides ./build.sh med doc</code></pre>
<p>Changing to <strong>max</strong> configuation</p>
<pre><code>docker run -it -v ${PWD}/doc:/home/markdownslides/doc \
    asanzdiego/markdownslides ./build.sh max doc</code></pre>
</section></section>
<section><section id="how-to-use" class="titleslide slide level1"><h1><span class="header-section-number">3</span> How to use</h1></section><section id="creation" class="slide level2">
<h2><span class="header-section-number">3.1</span> Creation</h2>
<ul>
<li><p>First <strong>copy the doc folder and rename it as you like</strong>. This is not necessary but helps you organize your documents.</p></li>
<li><p><strong>Create the md files</strong> that you want to generate in the <strong>md folder</strong>. The md files are <a href="http://en.wikipedia.org/wiki/Markdown">Markdown</a> files which are nothing more than plain text files with extension md, and a lightweight markup (we should know it but it is very simple).</p></li>
</ul>
</section><section id="notes" class="slide level2">
<h2><span class="header-section-number">3.2</span> Notes</h2>
<p>You can add notes that will be visible in book mode or if <strong>you press the letter 's' on the slides</strong> with <strong><span class="citation" data-cites="start-notes">@start-notes</span></strong> and <strong><span class="citation" data-cites="end-notes">@end-notes</span></strong>.</p>
<pre><code>&lt;aside class=&quot;notes&quot;&gt;
This is only visible in book mode or if you press &#39;s&#39; on the slides.
&lt;/aside&gt;</code></pre>
<aside class="notes">
This is only visible in book mode or if you press 's' on the slides.
</aside>
</section><section id="levels" class="slide level2">
<h2><span class="header-section-number">3.3</span> Levels</h2>
<p>You can have as many levels as you want. Example:</p>
<pre><code># Level 1 (on slides and book)

## Level 2 (on slides and book)

## Level 3 (in book but stays level 2 in slides)</code></pre>
<p>But only in books. In slides you can only have 2 levels.</p>
</section><section id="numbering" class="slide level2">
<h2><span class="header-section-number">3.4</span> Numbering</h2>
<p>You can name several slides with (I), (II), etc. But only the first one will be exported to the book. Example:</p>
<pre><code>## Foo Bar (I)

## Foo Bar (II)</code></pre>
<p>In the book will be:</p>
<pre><code>## Foo Bar</code></pre>
</section><section id="configuration-i" class="slide level2">
<h2><span class="header-section-number">3.5</span> Configuration (I)</h2>
<p>We can configure the files that we want to generate from the file <strong>build.properties</strong></p>
<div class="sourceCode"><pre class="sourceCode bash"><code class="sourceCode bash"><span class="va">BUILD_REVEAL_SLIDES=</span><span class="st">&#39;min&#39;</span>
<span class="va">BUILD_REVEAL_SLIDES_PDF=</span><span class="st">&#39;min&#39;</span>
<span class="va">BUILD_REVEAL_SLIDES_ALTERNATIVE=</span><span class="st">&#39;med&#39;</span>
<span class="va">BUILD_REVEAL_SLIDES_ALTERNATIVE_PDF=</span><span class="st">&#39;med&#39;</span>
<span class="va">BUILD_REVEAL_SLIDES_ONLINE=</span><span class="st">&#39;max&#39;</span>
<span class="va">BUILD_REVEAL_SLIDES_ONLINE_ALTERNATIVE=</span><span class="st">&#39;max&#39;</span>

<span class="va">BUILD_HTML_BOOK=</span><span class="st">&#39;min&#39;</span>
<span class="va">BUILD_DOCX_BOOK=</span><span class="st">&#39;med&#39;</span>
<span class="va">BUILD_EPUB_BOOK=</span><span class="st">&#39;max&#39;</span></code></pre></div>
</section><section id="configuration-ii" class="slide level2">
<h2><span class="header-section-number">3.6</span> Configuration (II)</h2>
<p>There are some extra configuration:</p>
<div class="sourceCode"><pre class="sourceCode bash"><code class="sourceCode bash"><span class="va">CLEAN_LIB_FOLDER=</span><span class="st">&#39;no&#39;</span>
<span class="va">COPY_IMG_FOLDER=</span><span class="st">&#39;no&#39;</span>
<span class="va">ZIP_EXPORT_FOLDER=</span><span class="st">&#39;no&#39;</span>
<span class="va">NUMBER_SECTIONS=</span><span class="st">&#39;no&#39;</span>
<span class="va">NUMBER_OFFSET=</span><span class="st">&#39;no&#39;</span>
<span class="va">CURRENT_NUMBER_OFFSET=</span>1
<span class="va">REMOVE_MD_TO_BOOK=</span><span class="st">&#39;yes&#39;</span>
<span class="va">REMOVE_MD_TO_SLIDES=</span><span class="st">&#39;yes&#39;</span>
<span class="va">DEFAULT_GENERATION_MODE=</span><span class="st">&#39;min&#39;</span>
<span class="va">TRANSITION=</span><span class="st">&#39;fade&#39;</span></code></pre></div>
</section><section id="build" class="slide level2">
<h2><span class="header-section-number">3.7</span> Build</h2>
<p>In the root folder you have to execute:</p>
<div class="sourceCode"><pre class="sourceCode bash"><code class="sourceCode bash"><span class="ex">./build.sh</span> [clean] [mode] [folder]</code></pre></div>
<ul>
<li><p>[<strong>clean</strong>] clean the folder <strong>lib</strong> and download the dependencies again.</p></li>
<li><p>[<strong>mode</strong>] can take the next values: <strong>min, med o máx</strong>.</p></li>
<li><p>[<strong>folder</strong>] folder wher to find the md files. If no folder name, it will convert all md files of all the folders.</p></li>
</ul>
</section></section>
<section><section id="releases-notes" class="titleslide slide level1"><h1><span class="header-section-number">4</span> Releases notes</h1></section><section id="relese-1.0-i" class="slide level2">
<h2><span class="header-section-number">4.1</span> Relese 1.0 (I)</h2>
<ul>
<li><p>Export slides to:</p>
<ul>
<li>reveal-slides</li>
<li>reveal-slides-pdf</li>
<li>beamer-slides</li>
<li>deck-slides</li>
</ul></li>
</ul>
</section><section id="relese-1.0-ii" class="slide level2">
<h2><span class="header-section-number">4.2</span> Relese 1.0 (II)</h2>
<ul>
<li><p>Export books to:</p>
<ul>
<li>html-book</li>
<li>docx-book</li>
<li>odt-book</li>
<li>pdf-book</li>
</ul></li>
</ul>
</section><section id="relese-1.0-iii" class="slide level2">
<h2><span class="header-section-number">4.3</span> Relese 1.0 (III)</h2>
<ul>
<li>Added generation modes 'min', 'med' and 'max'.</li>
<li>Automatic download the external libraries.</li>
<li>Numbering (I), (II), (III) ...</li>
</ul>
</section><section id="relese-2.0-i" class="slide level2">
<h2><span class="header-section-number">4.4</span> Relese 2.0 (I)</h2>
<ul>
<li><p>Export slides to:</p>
<ul>
<li>reveal-slides</li>
<li>reveal-slides-pdf</li>
<li>reveal-slides-online</li>
</ul></li>
</ul>
</section><section id="relese-2.0-ii" class="slide level2">
<h2><span class="header-section-number">4.5</span> Relese 2.0 (II)</h2>
<ul>
<li><p>Export books to:</p>
<ul>
<li>html-book</li>
<li>docx-book</li>
<li>epub-book</li>
</ul></li>
</ul>
</section><section id="relese-2.0-iii" class="slide level2">
<h2><span class="header-section-number">4.6</span> Relese 2.0 (III)</h2>
<ul>
<li><p>Deprecated:</p>
<ul>
<li>beamer-slides</li>
<li>deck-slides</li>
<li>odt-book</li>
<li>pdf-book</li>
</ul></li>
</ul>
</section><section id="relese-2.0-iii-1" class="slide level2">
<h2><span class="header-section-number">4.7</span> Relese 2.0 (III)</h2>
<ul>
<li>Added menu thanks to <a href="https://github.com/hhkaos">Raul Jimenez Ortega</a>.</li>
<li>Added dockerfile thanks to <a href="https://github.com/kaneproject">Rubén Gómez García</a>.</li>
<li>Clean zip files from libraries thanks to <a href="https://github.com/cesarseoane">Cesar Seoane</a>.</li>
<li>Added type 'online' thanks to <a href="https://github.com/cesarseoane">Cesar Seoane</a>.</li>
<li>Fixed bug HTTPS images thanks to <a href="https://github.com/cesarseoane">Cesar Seoane</a>.</li>
<li>Loading the online libraries with HTTPS thanks to <a href="https://github.com/cesarseoane">Cesar Seoane</a>.</li>
<li>Configuration PDF resolution thanks to <a href="https://github.com/cesarseoane">Cesar Seoane</a>.</li>
</ul>
</section><section id="relese-2.0-iv" class="slide level2">
<h2><span class="header-section-number">4.8</span> Relese 2.0 (IV)</h2>
<ul>
<li>New format 'epub'.</li>
<li>Added 'bash strict mode'.</li>
<li>Added 'build.properties' to configure file generation.</li>
<li>Added command 'clean' to clean the lib folder.</li>
<li>Download a specific version of external library.</li>
<li>Added notes only visible in book mode or if you press 's' on the slides.</li>
<li>Normalization of images in slides.</li>
</ul>
</section><section id="relese-3.0" class="slide level2">
<h2><span class="header-section-number">4.9</span> Relese 3.0</h2>
<ul>
<li>Clean the code.</li>
<li>Remove deprecated exportation files.</li>
<li>Improve de configuration in build.properties file.</li>
<li>Update <a href="http://lab.hakim.se/reveal-js/#/">Reveal.js</a> dependencies.</li>
<li>Export to PDF with <a href="https://github.com/astefanutti/decktape">DeckTape</a>.</li>
</ul>
</section></section>
<section><section id="author" class="titleslide slide level1"><h1><span class="header-section-number">5</span> Author</h1></section><section id="adolfo-sanz-de-diego" class="slide level2">
<h2><span class="header-section-number">5.1</span> Adolfo Sanz De Diego</h2>
<ul>
<li><p><strong>Old JEE web developer</strong>.</p></li>
<li><p>Now I'm <strong>Tecnical Teacher Advaisor</strong> in the TIC service of the General Direction of Infrastructure and Services of the Ministry of Education, Youth and Sports of the Community of Madrid.</p></li>
<li><p>In addition I work as <strong>trainer specialized in development technologies</strong>.</p></li>
</ul>
</section><section id="algunos-proyectos" class="slide level2">
<h2><span class="header-section-number">5.2</span> Algunos proyectos</h2>
<ul>
<li><p><img src="../img/hackathon-lovers-logo.png" alt="Hackathon Lovers" height="30" /> <a href="http://hackathonlovers.com">Hackathon Lovers</a>: a group created for entrepreneurs and developers who loves hackathones.</p></li>
<li><p><a href="http://pasmangen.github.io">Password Manager Generator</a>: an online password manager.</p></li>
<li><p><a href="https://github.com/asanzdiego/markdownslides">MarkdownSlides</a>: a script to create slides from MD files.</p></li>
</ul>
</section><section id="where-to-find-me" class="slide level2">
<h2><span class="header-section-number">5.3</span> Where to find me?</h2>
<ul>
<li><p>Mi nick: <strong>asanzdiego</strong></p>
<ul>
<li>Blog: <a href="http://asanzdiego.com">asanzdiego.com</a></li>
<li>GitHub: <a href="http://github.com/asanzdiego">github.com/asanzdiego</a></li>
<li>Twitter: <a href="http://twitter.com/asanzdiego">twitter.com/asanzdiego</a></li>
<li>LinkedIn: <a href="http://www.linkedin.com/in/asanzdiego">linkedin.com/in/asanzdiego</a></li>
<li>SlideShare: <a href="http://www.slideshare.net/asanzdiego">slideshare.net/asanzdiego</a></li>
</ul></li>
</ul>
</section></section>
    </div>
  </div>

  <script src="../lib/reveal.js//lib/js/head.min.js"></script>
  <script src="../lib/reveal.js//js/reveal.js"></script>

  <script>

      // Full list of configuration options available at:
      // https://github.com/hakimel/reveal.js#configuration
      Reveal.initialize({
        pdfMaxPagesPerSlide: 1,
        // Transition style
        transition: 'fade', // none/fade/slide/convex/concave/zoom
        // The "normal" size of the presentation, aspect ratio will be preserved
        // when the presentation is scaled to fit different resolutions. Can be
        // specified using percentage units.
        width: 1280,
        height: 720,
        // Factor of the display size that should remain empty around the content
        margin: 0.1,
        // Bounds for smallest/largest possible scale to apply to content
        minScale: 0.9,
        maxScale: 1.1,

        menu: {
            // Specifies which side of the presentation the menu will
            // be shown. Use 'left' or 'right'.
            side: 'left',

            // Add slide numbers to the titles in the slide list.
            // Use 'true' or format string (same as reveal.js slide numbers)
            numbers: false,

            // Specifies which slide elements will be used for generating
            // the slide titles in the menu. The default selects the first
            // heading element found in the slide, but you can specify any
            // valid css selector and the text from the first matching
            // element will be used.
            // Note: that a section data-menu-title attribute or an element
            // with a menu-title class will take precedence over this option
            titleSelector: 'h1, h2, h3, h4, h5, h6',

            // Hide slides from the menu that do not have a title.
            // Set to 'true' to only list slides with titles.
            hideMissingTitles: false,

            // Add markers to the slide titles to indicate the
            // progress through the presentation
            markers: false,

            // Specify custom panels to be included in the menu, by
            // providing an array of objects with 'title', 'icon'
            // properties, and either a 'src' or 'content' property.
            custom: false,

            // Specifies the themes that will be available in the themes
            // menu panel. Set to 'false' to hide themes panel.
            themes: [
                { name: 'Black', theme: '../lib/reveal.js//css/theme/black.css' },
                { name: 'White', theme: '../lib/reveal.js//css/theme/white.css' },
                { name: 'League', theme: '../lib/reveal.js//css/theme/league.css' },
                { name: 'Sky', theme: '../lib/reveal.js//css/theme/sky.css' },
                { name: 'Beige', theme: '../lib/reveal.js//css/theme/beige.css' },
                { name: 'Simple', theme: '../lib/reveal.js//css/theme/simple.css' },
                { name: 'Serif', theme: '../lib/reveal.js//css/theme/serif.css' },
                { name: 'Blood', theme: '../lib/reveal.js//css/theme/blood.css' },
                { name: 'Night', theme: '../lib/reveal.js//css/theme/night.css' },
                { name: 'Moon', theme: '../lib/reveal.js//css/theme/moon.css' },
                { name: 'Solarized', theme: '../lib/reveal.js//css/theme/solarized.css' }
            ],

            // Specifies if the transitions menu panel will be shown.
            transitions: true,

            // Adds a menu button to the slides to open the menu panel.
            // Set to 'false' to hide the button.
            openButton: true,

            // If 'true' allows the slide number in the presentation to
            // open the menu panel. The reveal.js slideNumber option must
            // be displayed for this to take effect
            openSlideNumber: false,

            // If true allows the user to open and navigate the menu using
            // the keyboard. Standard keyboard interaction with reveal
            // will be disabled while the menu is open.
            keyboard: true
        },

        // Optional reveal.js plugins
        dependencies: [
          { src: '../lib/reveal.js//lib/js/classList.js', condition: function() { return !document.body.classList; } },
          { src: '../lib/reveal.js//plugin/zoom-js/zoom.js', async: true },
          { src: '../lib/reveal.js//plugin/notes/notes.js', async: true },
          { src: '../lib/reveal.js-title-footer//plugin/title-footer/title-footer.js', async: true, callback: function() { 
              title_footer.initialize(null, 'rgba(0,0,0,0)');
            } },
          { src: '../lib/reveal.js-menu//menu.js', async: true }
        ]
      });
    </script>
    </body>
</html>
